<template>
  <div>
    <van-picker title="标题" :columns="columns" :columns-field-names="customFieldName"/>
  </div>
</template>

<script>
export default {
  methods: {
    logo() {
      return 123;
    }
  },
  data() {
    const columns = [
      {
        text: "浙江",
        children: [
          {
            text: "杭州",
            children: [{ text: "西湖区" }, { text: "余杭区" }]
          },
          {
            text: "温州",
            children: [{ text: "鹿城区" }, { text: "瓯海区" }]
          }
        ]
      },
      {
        text: "福建",
        children: [
          {
            text: "福州",
            children: [{ text: "鼓楼区" }, { text: "台江区" }]
          },
          {
            text: "厦门",
            children: [{ text: "思明区" }, { text: "海沧区" }]
          }
        ]
      }
    ];
    const customFieldName = {
      text: "ad",
      children: "cities"
    };

    return {
      columns,
      customFieldName
    };
  }
};
</script>

<style>
</style>
